<template>
    <div class="panel">
        <div class="title">{{title}}</div>
        <slot></slot>
    </div>
</template>
<script>
export default {
    data(){
        return {}
    },
    props:{
        title:{
            type:String,
            default: 'Title',
        },
        background:{
            type:String,
            default:''
        }
    },
    methods:{

    }
}
</script>
<style lang="less" scoped>
.panel{
    margin-bottom:20px;
    .title{
        height:35px;
        line-height:22px;
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        font-size: 16px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #333333;
    }
}
</style>
